.banner-management-page {
    padding: 20px;
    .main-card.ivu-card {
        position: relative;
        .ivu-card-extra{
            top:9px;
        }
        .ivu-card-body{
            position: relative;

        }
        .no-data{
            height: 50px;
            width: 100%;
            line-height: 50px;
            text-align: center;
        }
        .loading-cover {
            position: absolute;
            top: 0;
            left: 0;
            display: inline-block;
            width: 100%;
            height: 100%;
            min-height: 100%;
            border: 0;
            .ivu-spin-fix {
                position: absolute;
                top: 0;
                left: 0;
                z-index: 8;
                width: 100%;
                height: 100%;
                background-color: hsla(0, 0%, 100%, .9);
            }

            .ivu-spin-dot {
                width: 50px;
                height: 50px;
            }
        }

    }
    .banner-card {
        position: relative;
        margin: 10px 0;
        .ivu-card-body {
            padding: 0 0 5px;
        }

        .banner-preview-box {
            position: relative;
            overflow: hidden;
            background:#eee;
            .action-box{
                width: 100%;
                height: 100%;
                background: rgba(0,0,0,.5);
                position: absolute;
                left: 0;
                top:0;
                z-index: 1;
                transform: translateY(-100%);
                transition: transform 0.5s ease-in-out;
                .ivu-btn{
                    font-size: 30px;
                    color: #fff;
                    height: 100%;
                    width: 48%;
                    border: none;
                    &:hover{
                        opacity: 0.8;
                    }
                }
            }
            img {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                transition: transform 0.5s ease;
            }

            &:before {
                content: '';
                display: inline-block;
                width: 1px;
                padding-bottom: 50%;
                float: left;
            }

            &:after {
                content: '';
                display: table;
                clear: both;
            }

            &:hover {

                .action-box{
                    transform: translateY(0);
                }
            }
        }

        .card-footer {
            padding: 0 16px;

            .ivu-col:first-child {
                padding: 10px 0;
                font-weight: bold;
                font-size: 14px;

            }

            .ivu-col {
                padding-left: 0 !important;
                padding-right: 0 !important;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-size: 12px;
                padding: 5px 0;
            }
        }
        &:hover{
            .banner-preview-box img {
                transform: scale(1.2);
            }
        }
    }
}
.banner-modal{
    .ivu-modal{
        top:20px;
        textarea{
            resize: none;
        }
    }
}
